<template>
	<view class="text">
		<view class="first" v-if="id===0">
			<view class="header">
				<text>【母婴知识】最全母婴护理知识</text>
			</view>
			<view class="middle">
				<view class="middle-header">
					<text>史上最全的母婴护理基本常识都在这里了，新手爸妈尽量掌握哦！</text>
				</view>
				<view class="middle-title">
					<text>新生儿护理</text>
				</view>
				<view class="middle-content">
					<view style="margin-top: 20px;">
						1、正常新生儿体温是<text style="color: #fd848e;">36.5~37.5</text>摄氏度之间。
					</view>
					<view style="margin-top: 20px;">
						用体温计给新生儿量体温前要先将体温计水银刻度甩至<text
							style="color: #fd848e;">35℃以下</text>。给新生儿测体温，应将体温计水银柱一端放置于宝宝腋窝处，夹紧体温计<text
							style="color: #fd848e;">5分钟</text>左右。
					</view>

					<view style="margin-top:20px ;">
						2、正常新生儿呼吸次数为<text style="color: #fd848e;">40~45次/分</text>。
					</view>

					<view style="margin-top: 20px;">
						3、正常新生儿心律波动大，一般为<text style="color: #fd848e;">100~140次/分</text>。
					</view>

					<view style="margin-top: 20px;">
						4、新生儿能安静睡眠<text style="color: #fd848e;">90分钟/次</text>，体重增长<text
							class="2">30~50克/天</text>，第一个月增重大于<text
							class="2">600克(600g~1500g)</text>属正常情况。如果增长速度较慢，可建议产妇为新生儿适当添加<text class="2">配方奶</text>。
					</view>
					<view class="a">
						5、新生儿大便次数一般每天在<text class="b">8次左右</text>，其中：
					</view>
					<view class="a">
						(1)母乳喂养每天大便次数大约<text class="b">8次左右</text>，成金黄糊状，稀糊状，不成形，小便次数<text class="b">10次左右</text>；
					</view>
					<view class="a">
						(2)混合喂养每天大便次数大约<text class="b">2~6次</text>，呈淡黄色软条状，小便次数<text class="b">8次左右</text>；
					</view>
					<view class="a" style="margin-bottom: 10px;">
						(3)人工喂养大小便与混合喂养相似。
					</view>
				</view>
			</view>
		</view>
		<view class="first" v-if="id===2"> 
			<view class="header">
				<text>宝妈分享——怀孕期间小知识</text>
			</view>
			<view class="middle">
				<view class="middle-content">
					<view class="c">
						怀孕期间
					</view>
					<view class="c">
						不少孕妇的皮肤都会变得粗糙暗淡
					</view>
					<view class="c">
						甚至出现色斑、色块
					</view>
					<view class="c">
						因此
					</view>
					<view class="c">
						孕妇在怀孕期间也同样很有必要做好护肤工作
					</view>
					<view class="c">
						那么，孕妇如何护肤
					</view>
					<view class="c">
						甚至出现色斑、色块
					</view>
					<view class="c">
						首先
					</view>
					<view class="c">
						孕妇可以使用孕妇专用的护肤品
					</view>
					<view class="c">
						来护理自己变得敏感的皮肤
					</view>
					<view class="c">
						也可以在饮食方面注意
					</view>
					<view class="c">
						多吃对皮肤有益的食物
					</view>
					<view class="c">
						同时还需要注意养成良好的作息
					</view>
					<view class="a c">
						做到以上的<text class="b">三点</text>
					</view>
					<view class="c">
						孕妇才能保持肌肤在怀孕期间也光彩照人
					</view>
					<view class="a c">
						做到以下几点
					</view>
					<view class="c">
						你的肌肤状况就能有效改善!
					</view>
					<view class="a">
						1、孕妇应多吃富含<text class="b">维生素C</text>的食物，如柑橘、草莓、蔬菜等，还应多吃富含维生素B6的牛奶及其制品。
					</view>
					<view class="a">
						2、孕妇在怀孕期间尤其应该保证充足的<text class="b">睡眠</text>，对皮肤进行适当的<text class="b">按摩</text>。
					</view>
					<view class="a">
						3、孕妇不宜浓妆艳抹，不宜频繁更换化妆品的品牌，更不应选用那些劣质的化妆品，要选择适合孕妇的无刺激化妆品。
					</view>
				</view>
			</view>
		</view>
		<view class="first" v-if="id===1">
			<view class="header">
				<text>妈妈写给宝宝的孕期日记</text>
			</view>
			<view class="middle">
				<view class="middle-content">
					<view >
						亲爱的宝宝：
					</view>
					<view>
						今天是怀上你的第一个月零18天，
					</view>
					<view>
						同时今天也是母亲节呢。
					</view>
					<view class="a">
						对于现在的我来说，
					</view>
					<view>
						“妈妈”还是一个有点不习惯的称谓。
					</view>
					<view class="a">
						亲爱的宝宝，
					</view>
					<view>
						妈妈是一个感性、脆弱的人，
					</view>
					<view>
						非常的敏感。
					</view>
					<view>
						在你到来之前，
					</view>
					<view >
						妈妈一直生活在自己的小世界里，
					</view>
					<view>
						心里一直有一个歌手梦。
					</view>
					<view class="a">
							亲爱的宝贝呀，
					</view>
					<view>
						妈妈很开心你能够选择我做你的妈妈。
					</view>
					<view>
						因为你，
					</view>
					<view>
						妈妈感觉自己变得坚强了，
					</view>
					<view>
						以前那个脆弱的小女孩长大了，
					</view>
					<view>
					因为我也有了自己想要守护的人，
					</view>
					<view>
						那就是你。
					</view>
					<view >
						亲爱的宝宝：
					</view>
					<view class="a">
								在我的肚子里好好长大吧。
					</view>
				</view>
			</view>
		</view>
		
	</view>
<!-- 	<view class="first">
		<view class="header">
			<text>妈妈写给宝宝的孕期日记</text>
		</view>
		<view class="middle">
			<view class="middle-content">
				<view>
					亲爱的宝宝：
				</view>
				<view>
					今天是怀上你的第一个月零18天，
				</view>
				<view>
					同时今天也是母亲节呢。
				</view>
				<view class="a">
					对于现在的我来说，
				</view>
				<view>
					“妈妈”还是一个有点不习惯的称谓。
				</view>
				<view class="a">
					亲爱的宝宝，
				</view>
				<view>
					妈妈是一个感性、脆弱的人，
				</view>
				<view>
					非常的敏感。
				</view>
				<view>
					在你到来之前，
				</view>
				<view>
					妈妈一直生活在自己的小世界里，
				</view>
				<view>
					想要唱歌，
				</view>
				<view>
					心里一直有一个歌手梦。
				</view>
				<view class="a">
					亲爱的宝贝呀，
				</view>
				<view>
					妈妈很开心你能够选择我做你的妈妈。
				</view>
				<view>
					因为你，
				</view>
				<view>
					妈妈感觉自己变得坚强了，
				</view>
				<view>
					以前那个脆弱的小女孩长大了，
				</view>
				<view>
					因为我也有了自己想要守护的人，
				</view>
				<view>
					那就是你。
				</view>
				<view>
					亲爱的宝宝：
				</view>
				<view class="a">
					在我的肚子里好好长大吧。
				</view>
			</view>
		</view>
	</view>
	</view> -->

</template>

<script>
	export default {
		data() {
			return {
				id: 0
			}
		},
		onLoad(option) {
			this.id = Number(option.id)
			this.$forceUpdate()
		}
	}
</script>

<style scoped lang="scss">
	.a {
		margin-top: 20px;
	}

	.b {
		color: #fd848e;
	}

	.c {
		display: block;
		text-align: center;
	}

	.first {
		// height: 600px;
		width: 90%;
		margin: 0 auto;
		border: 4px dotted burlywood;

		.header {
			width: 86%;
			height: 46px;
			background-color: #fd848e;
			margin: 25px auto;

			text {
				font-size: 16px;
				color: white;
				margin: 0 auto;
				display: block;
				text-align: center;
				line-height: 50px;
				position: relative;

				:before {
					content: '';
					position: absolute;
					width: 0px;
					height: 0px;
					border: 25px solid white;
					top: 0;
					left: 0;
					border-top-color: transparent;
					border-right-color: transparent;
					border-bottom-color: transparent;
				}

				:after {
					content: '';
					position: absolute;
					width: 0px;
					height: 0px;
					border: 25px solid white;
					top: 0;
					right: 0;
					border-top-color: transparent;
					border-left-color: transparent;
					border-bottom-color: transparent;
				}
			}
		}

		.middle {
			width: 86%;
			margin: 0 auto;

			.middle-header {
				text-align: center;
			}

			.middle-title {
				text-align: center;
				margin-top: 20px;
			}
		}
	}
</style>
